<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=h1, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>边框</h1>

    <h2>边框的样式 </h2>

    border-style
    <hr>
    <ul>
        <li>dotted: 定义一个点线边框</li>
        <li>dashed: 定义一个虚线边框</li>
        <li>solid: 定义实线边框</li>
        <li>double: 定义两个边框。 两个边框的宽度和 border-width 的值相同</li>
        <li>groove: 定义3D沟槽边框。效果取决于边框的颜色值</li>
    </ul>
    <style>
        div{border-left: 5px solid blue;background-color: rgb(142, 142, 236);}
    </style>
    <div>中国人</div>

</body>
</html>